
let page = $(".page");
let str = ["主页", "账号管理", "修改"];
/* 页面 - 初始化 */
function initPage(){
    $(page).addClass("d-none");
}

/* 页面 - 切换功能 */
function modifyPage(index){
    initPage();
    $(page).eq(index).removeClass("d-none");
    $("#header_name").html(str[index]);
}
/* 加载初始化 */
modifyPage(0);
/* 点击事件 */
$("#nav_home").mousedown(() => modifyPage(0));
$("#nav_user").mousedown(() => modifyPage(1));
$("#nav_db").mousedown(() => modifyPage(2));

let fillCir = $(".nav-link .bi-circle-fill");
let cir = $(".nav-link .bi-circle");
let dbItem = $("#db .db-item");

/* 表 - 初始化 */
function initDbCir(){
    fillCir.hide();
    cir.show();
}

/* 表 - 切换功能 */
function modifyDbCir(index){
    initDbCir();
    /* 切换激活状态 */
    cir.eq(index).hide();
    fillCir.eq(index).show();
    /* 数据表切换 */
    dbItem.hide();
    dbItem.eq(index).show();
}
modifyDbCir(0)
/* 点击 - 切换 */
$(".nav-link").click(function () {
    let index = $(this).index(".nav-link");
    modifyDbCir(index);
});

// 编辑按钮
$(".btn-modify").mousedown(function () {
    /* 修改弹窗 */
    let modify = $(this).parents(".db-item").find(".modify");
    modify.removeClass("d-none");

    let tr = $(this).parents("tr");
    /* 表单提交路径 */
    let id = $(tr).find("input[name='id']").val();
    $(modify).find("[name='id']").val(id);

    /* 默认值设定 */
    let tr_input = $(tr).find("input[type='text']");
    let modify_input = $(modify).find("input[type='text']");
    let modify_select = $(modify).find("select");

    for (const trIn of $(tr_input)) {
        for (const mdfIn of $(modify_input))
            if ($(mdfIn).prop("name") === $(trIn).prop("name")) {
                $(mdfIn).val(($(trIn).val()));
                break;
            }
        for (const mdfSel of $(modify_select))
            if ($(mdfSel).prop("name") === $(trIn).prop("name")) {
                $(mdfSel).find("option[selected]").text(($(trIn).val()));
                break;
            }
    }

});

$(".btn-close").click(function () {
    let modify = $(this).parents(".db-item").find(".modify");
    modify.addClass("d-none");
});